<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Class-使用</title>
</head>
<body>
<script>
  // // 方法一  ES5 构造函数
  // console.log('ES5 构造函数:')
  // function Person(name,age,sex,phone) {
  //   this.name=name;
  //   this.age=age;
  //   this.sex=sex;
  //   this.phone=phone
  // }
  // // 向原型对象添加方法
  // Person.prototype.print=function (){
  //   console.log('我是\t'+this.name+'\n今年\t'+this.age+'\n性别\t'+this.sex+'\n我的电话\t'+this.phone)
  // }
  // //实例化对象
  // let person=new Person('zhangSan',15,'男','1551863577')
  // person.print();

  // 方法二： Class
  console.log('\nES6 Class:')
  class Phone{
    //构造方法 名字是固定的不能修改
    constructor(brand,price,generations) {
      this.brand=brand;
      this.price=price;
      this.generations=generations
    }
    // 方法  必须使用改语法,不能使用 ES5 的对象形式
    print(){
      console.log(this.brand+this.generations+'版本'+this.price+'元')
    }
  }
  let phone=new Phone('OPPO',1999,'1.10.12')
  phone.print()

</script>
</body>
</html>